<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
}
html{
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #e5e5e5;
}
ul li {
  list-style: none;
}
ul {
  padding: 0;
  margin: 0;
}
a:-webkit-any-link {
  text-decoration: none;
  color: #212121;
}
/*文件夹图标*/
.file-folder{
  background: url(assets/img/file-icon/folder_icon.png) no-repeat;
  background-size: 100% 100%;
}


.mp4{
  background: url(assets/img/file-icon/mp4_icon.png) no-repeat;
  background-size: 100% 100%;
}

.txt,
.TXT {
  background: url(assets/img/file-icon/txt_icon.png) no-repeat;
  background-size: 100% 100%;
}

.doc,
.docx {
  background: url(assets/img/file-icon/document_icon.png) no-repeat;
  background-size: 100% 100%;
}

.wps {
  background: url(assets/img/file-icon/document_icon.png) no-repeat;
  background-size: 100% 100%;
}

.rtf {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}
/*文件图标 xls/xlsx文件*/
.xls,
.xlsx {
  background: url(assets/img/file-icon/excel_icon.png) no-repeat;
  background-size: 100% 100%;
}
/*文件图标 pdf文件*/
.pdf {
  background: url(assets/img/file-icon/pdf_icon.png) no-repeat;
  background-size: 100% 100%;
}

.ppt,
.pptx {
  background: url(assets/img/file-icon/ppt_icon.png) no-repeat;
  background-size: 100% 100%;
}

.bmp {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.DWG,.dwg{
  background: url(assets/img/file-icon/cad_icon.png) no-repeat;
  background-size: 100% 100%;
}

.gif {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}
/*文件图标 jpg/jpeg图片*/
.jpg,
.jpeg {
  background: url(assets/img/file-icon/photo_icon.png) no-repeat;
  background-size: 100% 100%;
}

.psd {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}
/*文件图标 png图片*/
.png {
  background: url(assets/img/file-icon/photo_icon.png) no-repeat;
  background-size: 100% 100%;
}

.cdr {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.vsd {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.js {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.pps {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.apk {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.ifc {
  background: url(assets/img/file-icon/bim_icon.png) no-repeat;
  background-size: 100% 100%;
}

.mpp {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.mmap {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.mpeg,
.mpg,
.qtm,
.avi,
.rm,
.mov,
.dat {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.mp3,
.wma {
  background: url(assets/img/file-icon/mp4_icon.png) no-repeat;
  background-size: 100% 100%;
}

.html,
.htm,
.url {
  background: url(assets/img/file-icon/txt_icon.png) no-repeat;
  background-size: 100% 100%;
}
/*文件图标 zip压缩文件*/
.zip {
  background: url(assets/img/file-icon/zip_icon.png) no-repeat;
  background-size: 100% 100%;
}
/*文件图标 rar压缩文件*/
.rar {
  background: url(assets/img/file-icon/zip_icon.png) no-repeat;
  background-size: 100% 100%;
}

.exe {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.bat {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.dll {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.reg {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.ico {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}

.zip7 {
  background: url(assets/img/file-icon/zip_icon.png) no-repeat;
  background-size: 100% 100%;
}

.return {
  background: url(assets/img/file-icon/other_icon.png) no-repeat;
  background-size: 100% 100%;
}
</style>
